<template>
    <view class="custom">
        <view class="custom-nav__item">
            <view style="border:1px #000 solid;background-color: #000;border-radius: 40%;">
                <view class="custom-nav__item--selected">测评</view>
            </view>
            <view class="custom-nav__item--default">我的报告</view>
        </view>
    </view>
</template>

<script>
</script>

<style lang="scss">
    .custom-nav {
        margin-top: 20px;

        &__item {
            display: flex;
            border: 1px #000 solid;

            &--selected {

                background-color: red;
                padding: 20px 0;
                clip-path: ellipse(100% 80% at 50% 10%);



                // &:after {
                //     content: "";
                //     border: 1px #000 solid;

                //     height: 20px;
                //     position: absolute;
                //     bottom: 0;
                //     left: 0;

                // }
            }
        }
    }
</style>